<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js内部引入</title>
</head>
<body>
    <!-- id类似于人的ID--身份证 -->
    <button id="btn">按钮（李易峰）</button>

    <!-- 
        js的第二种常见引入方式--内部引入 
            1、关键词script-脚本、剧本
            2、位置：建议放到</body>结束标签处
            3、因为script脚本代码是在HTML里面编写的，所以称之为内部脚本
    -->
    <script>
        // JS代码--Ctrl+/--JS注释//，HTML注释<!--注释内容-->
        // alert('内部脚本')
        
        // 1、获取到演员--元素，语法→document.getElementById('btn')
        // 2、给演员/元素绑定事件，语法onclick
        // 3、给演员定义戏份/动作，语法：function(){alert('xxx')}
        document.getElementById('btn').onclick = function(){
            alert('李易峰已就位')
        }
    </script>
</body>
</html>